<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width,user-scalable=no" name="viewport">
<link type="text/css" rel="stylesheet" href="../addons/amouse_article/template/mobile/css/index.css">
    <link href="../addons/amouse_article/template/mobile/css/news.css?v=20150404" rel="stylesheet" type="text/css"/>
<title>{$detail[title]}</title>
</head>
<body>
<style>
    body {
        color: #000;
        font: 16px/1.5 Microsoft YaHei, Helvitica, Verdana, Tohoma, Arial, san-serif;
    }
    #mcover {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
        display: none;
        z-index: 20000;
    }

    #mcover img {
        position: fixed;
        right: 18px;
        top: 5px;
        width: 260px;
        height: 180px;
        z-index: 20001;
    }

    #mbutton {
        padding: 15px 10px 15px 10px;
        overflow: hidden;
    }

    #mbutton > span {
        float: right;
        display: inline-block;
        background: #58a3ff;
        border: 1px #63a0eb solid;
        color: #FFF;
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
        margin-left: 10px;
    }

    .main-title {
        font-size: 1.3rem;
        padding: 0 .5rem;
        word-break: break-word;
    }

    .time {
        font-size: .8rem;
        font-variant: inherit;
        color: #ccc;
        text-indent: .7rem;
        height: 30px;
        line-height: 30px;
    }

    .cover {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .timg {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        height: 100%;
    }

    .con {
        font-size: 1rem;
        padding: 18px 18px 0;
        margin-bottom: 8px;
        line-height: 22px;
        text-align: justify;
        height: auto;
        overflow: hidden;
        word-break: break-word;
    }
</style>
{php $row = $detail;}
<header>
    <div class="fixed">
        <div class="header">
            <div class="logo">
                {if !empty($subscribeurl)}
                <a href="{$subscribeurl}">
                    {if empty($set['logo'])}
                    {$_W['account']['name']}
                    {else}
                    <img src="{$_W['attachurl']}{$set['logo']}" height="24">
                    {/if}
                </a>
                {else}
                <a href="{$set['guanzhuUrl']}">
                    {if empty($detail['author'])}{$_W['account']['name']}
                    {else}<img src="{$_W['attachurl']}{$set['logo']}" height="24">
                    {/if}
                </a>
                {/if}
            </div>
            <div class="nav">
                <ul>
                </ul>
            </div>
        </div>
    </div>
</header>
<script type="text/javascript">
    var uin = "";
    var key = "";
    var pass_ticket = "";
    //全局变量
    gSound = '{$detail['musicurl']}';
</script>
<script type="text/javascript" src="../addons/amouse_article/template/mobile/js/weixin_new.js"></script>
<div id='audiocontainer'></div>
<article>
    <!--返回按钮-->
    <div class="prodetailTitle">
        <a href="javascript:history.go(-1);" class="btnBack">
            <img src="../addons/amouse_article/template/mobile/images/btnback.png">返回</a>
        <h1 class="fr">{$row['title']}</h1>
    </div>
    <!--返回按钮 end-->
    <div class="container">
        <div class="detail_img">
            <div id="slider" class="slider">
                <ul id="sliderlist" class="sliderlist">
                    <li><img src="{$row['thumb']}" width="365px" height="365px"></li>
                </ul>
            </div>
            <script type="text/javascript" src="../addons/amouse_article/template/mobile/js/jquery-1.9.1.js"></script>
            <script type="text/javascript" src="../addons/amouse_article/template/mobile/js/touchslider.js"></script>
            <script type="text/javascript">
                var t2 = new TouchSlider({ id: 'sliderlist', speed: 600, timeout: 6000, before: function (index) {
                } });
            </script>
        </div>
        <div class="pdcoad">{$row['title']}</div>
        <div class="con">
            {$row['content']}
        </div>
    </div>

    {data module="amouse_article" func="amouse_article_weixin_hot" return="true" assign="result"}
    {if !empty($result)}
    <div class="mod-main">
        <div class="module" id="recommedmodule" style="display: block;">
            <h3 class="title">热门账号推荐</h3>
            <div class="account-list">
                <ul>
                    {loop $result['list'] $row}
                    <li>
                        <a href="{$row['guanzhuUrl']}">
                            <div class="logo">
                                <img src="{php echo strpos($row['thumb'],'http://')===FALSE?($_W['attachurl'].$row['thumb']):$row['thumb']}" height="50" width="50">
                            </div>
                            <div class="nick nowrap">{$row[title]}</div>
                            <div class="arrow"><span>+关注</span></div>
                        </a>
                    </li>
                    {/loop}
                </ul>
            </div>
        </div>
    </div>
    {/if}

    <div class="footIn">
        <div class="fl">
            <a href="{set['guanzhuUrl']}">
                <img src="{$_W['attachurl']}{$set['logo']}" height="22">
            </a>
        </div>
        <div class="fr">{if !empty($set['copyright'])}{$set['copyright']}{else}版本为{/if}</div>
        <div class="clear"></div>
    </div>

</article>
</body>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script language='javascript'>
    <?php
            $jssdk = new JSSDK();
    $signPackage = $jssdk->GetSignPackage();
    ?>
    wx.config({
        debug:false,
        appId: "{$_W['account']['appid_share']}",
        timestamp: {$signPackage["timestamp"]},
        nonceStr: '{$signPackage["nonceStr"]}',
        signature: '{$signPackage["signature"]}',
        jsApiList: [
            'onMenuShareTimeline','onMenuShareAppMessage','onMenuShareWeibo'
        ]
    });
    var shareMeta = {
        imgUrl:"{$shareimg}",
        link :  "{$url}",
        desc : "{$detail['title']}",
        title : "{$detail['title']}"
    };
    wx.ready(function(){
        wx.onMenuShareTimeline(shareMeta);
        wx.onMenuShareAppMessage(shareMeta);
        wx.onMenuShareWeibo(shareMeta);
    });
</script>
</html>

